<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>模仿科技公司官网</title>
    <link rel="stylesheet" href="./style/css-comment.css" type="text/css">
    <link rel="stylesheet" href="./style/public.css" type="text/css">
    <link rel="stylesheet" href="./style/voide.css" type="text/css">
</head>
<body>
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
        <header class="main-header clearfix">
                <h1 class="logo">XX科技</h1>
                <nav class="main-nav clearfix">
                    <ul class="nav-ul clearfix">
                        <li class="nav-li"><a href="./index.html">网站首页</a></li>
                        <li class="nav-li"><a href="./about.html">关于我们</a></li>
                        <li class="nav-li"><a href="./join.html">加入我们</a></li>
                        <li class="nav-li"><a href="./news.html">新闻动态</a></li>
                        <li class="nav-li"><a href="./video.html">简介视频</a></li>
                    </ul>
                </nav>
            </header>
            <div class="video-div">
                   <video src="./images/video.m4v" controls poster="./images/"></video>
               </div>
           <main>
               <div class="text">
                   <h3 >把一亿人不知道的好东西送到TA面前</h3>
                <p>把一亿人不知道的好东西送到TA面前：我们严选好货，贴心服务，把一亿人不知道的好东西送到TA面前。</p>
               </div>
                <div class="list">
                    <select name="" id="">
                    <option value="全部分类">全部分类</option>
                    <option value="尊贵会员">尊贵会员</option>
                    <option value="供应商">供应商</option>
                    <option value="小店创业者">小店创业者</option>
                    <option value="合作伙伴">合作伙伴</option>
                </select>
                <ul class="clearfix">
                    <li><a href="#">全部视频</a></li>
                    <li><a href="#">尊贵会员</a></li>
                    <li><a href="#">供应商</a></li>
                    <li><a href="#">小店创业者</a></li>
                    <li><a href="#">合作伙伴</a></li>
                </ul>
                </div>
                <div class="void-list">
                    <ul class="clearfix">
                    <li> 
                        <a href="#" class="figure-a">
                            <figure>
                            <img src="./images/video1.jpg" alt="*">
                            <figcaption>把一亿人不知道的好东西送到TA面前</figcaption>
                        </figure>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="figure-a">
                            <figure>
                            <img src="./images/video2.jpg" alt="*">
                            <figcaption>XX项目与你一起致富</figcaption>
                        </figure>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="figure-a">
                            <figure>
                            <img src="./images/video3.jpg" alt="*">
                            <figcaption>”粽“里寻它千百遍</figcaption>
                        </figure>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="figure-a">
                            <figure>
                            <img src="./images/video4.jpg" alt="*">
                            <figcaption>悟空人的春节（纪实篇）</figcaption>
                        </figure>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="figure-a">
                            <figure>
                            <img src="./images/video5.jpg" alt="*">
                            <figcaption>在家里留下你的姓名</figcaption>
                        </figure>
                        </a>
                    </li>
                </ul>
                </div>
                
           </main>
           <footer class="main-footer clearfix">
                <ul class="footer-ul clearfix">
                    <li class="footer-li"><a href="#">产品网站</a></li>
                    <li class="footer-li"><a href="./join.html">加入我们</a></li>
                    <li class="footer-li"><a href="#">服务协议</a></li>
                    <li class="footer-li"><a href="#">隐私协议</a></li>
                </ul>
                <p class="footer-p1">地址：XXXXXXXXXXXX</p>
            </footer>
</body>
</html>